<template>
	<view>
		<view style="box_shadow">
			<u-avatar-group :urls="urls" size="70" gap="-0.3"></u-avatar-group>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				urls: [
					'https://img0.baidu.com/it/u=3102460039,1533955137&fm=253&fmt=auto&app=120&f=JPEG?w=838&h=800',
					'https://img0.baidu.com/it/u=654310910,32384705&fm=253&fmt=auto&app=120&f=JPEG?w=825&h=800',
					'https://img2.baidu.com/it/u=4102060426,2630802003&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500',
					'https://img1.baidu.com/it/u=3689755808,505649757&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=665',
					'https://img1.baidu.com/it/u=849994049,128555109&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500',
					'https://img2.baidu.com/it/u=2647784357,3245090059&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500',
					'https://img2.baidu.com/it/u=2190393048,1808361874&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=554'
				]
			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.box_shadow{
		display: flex;
		background: #FFF;
		width: 100%;
		padding: 20rpx;
		height: 300rpx;
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.20);
	}

</style>